.link-krea {
  color: #fee299;
}

.link-krea:hover {
  color: #fff;
}

.mt-20 {
  margin-top: 20px;
}

.mt-50 {
  margin-top:0px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.txt-justify {
  text-align: justify;
}

.button:hover {
  height: 50px;
  line-height: 50px;
  display: inline-block;
  border: 1px solid #34aab6;
  padding: 0 40px;
  color: #34aab6;
  font-family: 'Fjalla One', sans-serif;
  -webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-decoration: none;
}

.button {
  height: 50px;
  line-height: 50px;
  display: inline-block;
  border: 1px solid #fff;
  padding: 0 40px;
  color: #fff;
  font-family: 'Fjalla One', sans-serif;
  -webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.map {
  margin-bottom: 50px;
}

.container-scacco {
  width: 100%;
}

.container-scacco .scacco-txt .content-container {
  width: 650px;
  max-width: 100%;
}

.container-scacco .scacco-txt .content-container h2 {
  width: 100%;
  margin-left: 0px;
  padding-right: 0px;
}

.container-scacco .scacco-txt .content-container .lead {
  width: 100%;
  padding-right: 0px;
  float: left;
}

.container-scacco {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container-stanze {
  width: 80%;
}

.container-stanze {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.bg-1-scacco {
  background: url("../images/hotel-1.jpg");
  background-size: cover;
  min-height: 600px;
}

.bg-2-scacco {
  background: url("../images/hotel-2.jpg");
  background-size: cover;
  min-height: 600px;
  background-position: center center;
}

.bg-3-scacco {
  background: url("../images/post-image1.jpg");
  background-size: cover;
  min-height: 600px;
}

.bg-4-scacco {
  background: url("../images/post-image2.jpg");
  background-size: cover;
  min-height: 600px;
}

.bg-5-scacco {
  background: url("../images/post-image3.jpg");
  background-size: cover;
  min-height: 600px;
}

.bg-design-scacco {
  background: url("../images/design-for-all.jpg");
  background-size: cover;
  min-height: 600px;
}

.p0 {
  padding: 0px !important;
}

.img-camera {
  width: 100%;
  z-index: 1;
}

.txt-camera {
  z-index: 2;
  position: relative;
  left: 120px;
  top: 100px;
}

.txt-camera-2 {
  z-index: 2;
  position: relative;
  right: 120px;
  top: 100px;
}

.txt-ristorante {
  z-index: 2;
  position: relative;
}

.txt-ristorante-2 {
  z-index: 2;
  position: relative;
}

.font-stanza {
  font-size: 40px !important;
}

.button-camere:hover {
  height: 50px;
  line-height: 50px;
  display: inline-block;
  border: 1px solid #9a7333;
  padding: 0 40px;
  color: #9a7333;
  font-family: 'Fjalla One', sans-serif;
  -webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-decoration: none;
}

.button-camere {
  height: 50px;
  line-height: 50px;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0 40px;
  color: #ccc;
  font-family: 'Fjalla One', sans-serif;
  -webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.font-60 {
  font-size: 60px !important;
}

.bg-scacco {
  width: 100%;
  float: left;
  padding: 100px 0;
  background: url("../images/bg-wave.jpg") left no-repeat #eaeceb;
  background-attachment: scroll;
  background-attachment: fixed;
}

.box-ristorante {
  min-height: 700px;
}

.box-txt-ristorante {
  min-height: 665px;
  padding: 25px;
  margin-bottom: 0px !important;
}

.bg-sale {
  background: #fff;
}

.booking-form2 {
  /* position: absolute; */
  left: 50%;
  bottom: 60px;
  margin-left: -350px;
}

.bg-gray {
  background: #eaeceb;
  padding: 30px;
}

/* BOOKING FORM 2 */
.booking-form2 {
  left: 0%;
  bottom: 0px;
  margin-left: 0px;
}

.booking-form2 .input-group {
  float: left;
}

.booking-form2 .form-item {
  width: 100%;
  float: left;
  background: #fff;
  padding: 15px;
  margin-right: 10px;
  position: relative;
}

.booking-form2 .form-item label {
  width: 100%;
  float: left;
  font-weight: 400;
  color: #9a7333;
  font-size: 12px;
  letter-spacing: 1px;
}

.booking-form2 .form-item input[type="text"] {
  width: 185px;
  height: 50px;
  float: left;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  background: transparent;
  padding: 0;
  color: transparent;
}

.booking-form2 .form-item .date-text {
  width: 185px;
  height: 50px;
  line-height: 50px;
  position: static;
  font-family: 'Playfair Display', serif;
  color: #999;
  margin-top: -50px;
}

.booking-form2 .form-item .date-text span {
  font-size: 70px;
  float: left;
  line-height: 30px;
  margin-right: 6px;
  color: #1c1b21;
}

.booking-form2 .form-item i {
  height: 50px;
  float: left;
  margin-right: 10px;
  font-size: 37px;
  color: #9a7333;
}

.booking-form2 .person {
  width: 85px;
  height: 80px;
  float: left;
  padding: 15px;
  background: #fff;
  margin-right: 10px;
}

.booking-form2 .person label {
  width: 100%;
  float: left;
  font-weight: 300;
  color: #9a7333;
  font-size: 12px;
  letter-spacing: 1px;
}

.booking-form2 .person input[type="text"] {
  width: 100%;
  height: 50px;
  float: left;
  text-align: center;
  line-height: 30px;
  font-size: 70px;
  font-family: 'Playfair Display', serif;
  border: none;
  padding-bottom: 21px;
  background: transparent;
}

.booking-form2 button[type="submit"] {
  height: 80px;
  padding: 0 20px;
  font-size: 20px;
  background: #9a7333;
  border: none;
  color: #fff;
  font-weight: 700;
  width: 100%;
}

.txt-form {
  text-transform: uppercase !important;
  color: #1c1b21;
  font-weight: 500;
  margin-bottom: 10px !important;
}

.mb-30 {
  margin-bottom: 30px;
}

.txt-right {
  text-align: right;
}

/* HIGHLIGHT ROOMS */
.highlight-rooms2 {
  width: 100%;
  float: left;
  padding: 100px 0;
}

.highlight-rooms2 h2 {
  font-family: 'Playfair Display', serif;
  font-size: 60px;
  margin-bottom: 80px;
  margin-left: -5px;
}

.highlight-rooms2 h5 {
  font-family: 'Fjalla One', sans-serif;
  color: #999;
  margin-top: 25%;
}

.highlight-rooms2 h5::before {
  content: "";
  width: 100px;
  height: 1px;
  float: right;
  background: #999;
  margin-top: 7px;
  margin-left: 7px;
}

.highlight-rooms2 .button {
  height: 50px;
  line-height: 50px;
  float: right;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0 40px;
  color: #999;
  font-family: 'Fjalla One', sans-serif;
  -webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.highlight-rooms2 .button * {
  -webkit-transition: .25s ease-in-out;
  float: right;
  transition: .25s ease-in-out;
}

.highlight-rooms2 .button span {
  position: relative;
  display: inline-block;
  float: right;
}

.highlight-rooms2 .button span:before {
  position: absolute;
  float: right;
  top: 100%;
  content: attr(data-hover);
}

.highlight-rooms2 .button span:before {
  -webkit-transform: translate3d(0, 0, 0);
  float: right;
  transform: translate3d(0, 0, 0);
}

.highlight-rooms2 .button:hover span {
  -webkit-transform: translateY(-100%);
  float: right;
  transform: translateY(-100%);
}

.highlight-rooms2 .room-box {
  width: 100%;
  float: left;
}

.highlight-rooms2 .room-box img {
  width: 100%;
  opacity: 0.5;
}

.highlight-rooms2 .room-box .room-details {
  width: 100%;
  height: 0;
  float: left;
  margin-top: -90px;
  overflow: hidden;
  position: relative;
  padding: 0;
  color: #fff;
}

.highlight-rooms2 .room-box .room-details .room-name {
  font-family: 'Playfair Display', serif;
  color: #fff;
  font-size: 37px;
  margin-top: 0;
}

.highlight-rooms2 .room-box .room-details .room-desc {
  width: 100%;
  float: left;
  font-family: 'Fjalla One', sans-serif;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 10px;
  opacity: 0.4;
}

.highlight-rooms2 .room-box .room-details .room-price {
  width: 100%;
  float: left;
  text-align: right;
  font-size: 40px;
}

.highlight-rooms2 .room-box .room-details .room-price small {
  font-size: 17px;
}

.highlight-rooms2 .room-box .room-details .room-price span {
  width: 100%;
  float: left;
  font-size: 10px;
  margin-top: -10px;
}

.highlight-rooms2 .room-box .room-details .room-button {
  height: 50px;
  line-height: 50px;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0 40px;
  color: #999;
  font-family: 'Fjalla One', sans-serif;
  -webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.highlight-rooms2 .room-box .room-details .room-button * {
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.highlight-rooms2 .room-box .room-details .room-button span {
  position: relative;
  display: inline-block;
}

.highlight-rooms2 .room-box .room-details .room-button span:before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
}

.highlight-rooms2 .room-box .room-details .room-button span:before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.highlight-rooms2 .room-box .room-details .room-button:hover span {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  color: #fff;
}

.highlight-rooms2 .center {
  z-index: 2;
}

.highlight-rooms2 .center .room-box {
  width: 120%;
  margin-left: -10%;
  margin-top: -50px;
  -webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15);
          box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15);
}

.highlight-rooms2 .center .room-box img {
  opacity: 1;
}

.highlight-rooms2 .center .room-box .room-details {
  height: auto;
  margin-top: -75px;
  background: #1c1b21;
  padding: 20px 25px;
}

.highlight-rooms2 .owl-item {
  padding: 30px 0;
}

.highlight-rooms2 .owl-dots {
  width: 100%;
  float: left;
  text-align: center;
}

.highlight-rooms2 .owl-dots .owl-dot {
  width: 16px;
  height: 3px;
  display: inline-block;
  background: #ccc;
  margin: 0 2px;
}

.highlight-rooms2 .owl-dots .owl-dot.active {
  width: 36px;
  background: #000;
}

.linea {
  background: #eee;
  width: 100%;
  height: 1px;
  margin-top: 100px;
}

.txt-menu {
  margin-left: -12px;
  padding-bottom: 10px;
  color: #1c1b21;
}

.icon-menu {
  position: absolute;
  width: 22px;
  height: 17px;
}

.owl-carousel.nav .owl-nav {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -50px;
  right: -50px;
  top: -100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.owl-carousel.nav .owl-nav .owl-next,
.owl-carousel.nav .owl-nav .owl-prev {
  font-size: 30px;
  color: #d7d7d7 !important;
}

.type-words {
  display: block;
  text-align: center;
  margin-top: 10px;
}

.type-words span {
  opacity: 0;
  color: #fff;
  font-size: 30px;
}

.type-words span.animation-in {
  opacity: 1;
}

/* FONT PERSONALIZZATO ICONE */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot#iefix") format("embedded-opentype"), url("../fonts/icomoon1.ttf") format("truetype"), url("../fonts/icomoon2.woff") format("woff"), url("../fonts/icomoon3.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^="icon-krea-"], [class*=" icon-krea-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-krea-forward:before {
  content: "\e904";
}

.icon-krea-back:before {
  content: "\e905";
}

.mb40 {
  margin-bottom: 40px;
}

.call-stanze {
  background: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.button {
  height: 50px;
  line-height: 50px;
  display: inline-block;
  border: 1px solid #999;
  padding: 0 40px;
  color: #999;
  font-family: 'Fjalla One', sans-serif;
  -webkit-box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.filtro-eventi {
  background: #9a7333;
  min-height: 80px;
  padding: 30px;
  margin-bottom: 30px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.txt-filtro {
  text-transform: uppercase;
  text-align: left;
}

.filtro {
  padding: 10px;
  width: 100%;
  border: 1px solid #fff;
  color: #1c1b21;
}

.linea {
  padding-bottom: 5px;
  border-bottom: 1px dotted #999;
  height: auto;
  background: transparent;
  margin-top: 0px;
}

.linea2 {
  padding-bottom: 5px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  height: auto;
  background: transparent;
  margin-top: 100px;
}

.img-menu {
  width: 100%;
}

.quarto-menu h2 {
  font-family: 'Playfair Display', serif;
  font-size: 90px;
  color: #1c1b21;
  margin-bottom: 100px;
}

.quarto-menu h5::before {
  content: "";
  width: 200px;
  height: 1px;
  float: left;
  background: #999;
  margin-top: 7px;
  margin-right: 7px;
}

.quarto-menu h5 {
  font-family: 'Fjalla One', sans-serif;
  color: #999;
  margin-top: 0;
}

.quarto-menu h2 {
  width: 90%;
  float: left;
  font-family: 'Playfair Display', serif;
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 50px;
  margin-left: -5px;
  padding-right: 10%;
  text-align: left;
}

.quarto-menu {
  width: 100%;
  float: left;
  padding: 100px 0;
  background: url(../images/bg-wave.jpg) left no-repeat #eaeceb;
  background-attachment: fixed;
  text-align: center;
}

.bg-white {
  background: #fff;
  padding: 75px 50px;
}

.box-txt-menu {
  padding: 25px;
}

.mt100 {
  margin-top: 100px;
}

.txt-menu-cucina {
  z-index: 2;
  position: relative;
  left: 120px;
  top: 40px;
}

.txt-menu-cucina-2 {
  z-index: 2;
  position: relative;
  right: 120px;
  top: 40px;
}

.lazy-load {
  visibility: hidden;
  position: absolute;
  left: -99999px;
  opacity: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
}

.lazy-load.show {
  visibility: visible;
  position: relative;
  left: auto;
  opacity: 1;
}

.breadcums {
  font-weight: 400;
  color: #999;
  text-transform: uppercase;
  font-size: 12px;
  padding-top: 10px;
}

.breadcums .breadcums-a {
  display: inline-block;
  background: none;
  color: #9a7333;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 400;
  text-transform: uppercase;
}

.breadcums .breadcums-a:hover {
  text-decoration: none;
}

.mb-100 {
  margin-bottom: 100px;
}

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

.flex-container.show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.flex-container.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-container.column-direction {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-container:before {
  display: none !important;
}

.flex-container:after {
  display: none !important;
}

.flex-container.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.full-space {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.bg-full {
  background-position: center center !important;
  background-size: cover !important;
}

.bg-cover-center {
  background-position: center center !important;
  background-size: cover !important;
}

.quarto-activities a {
  color: inherit;
}

.lead p {
  font-size: 20px;
  line-height: 30px;
  text-indent: 2em;
}

a.link-no-style {
  color: inherit;
  text-decoration: none;
}

a.link-no-style:hover {
  color: inherit;
  text-decoration: none;
}

.contact .contact-form form .form-group input[type="email"] {
  width: 100%;
  height: 50px;
  float: left;
  padding: 0 15px;
  border: 1px solid #ccc;
}

.footer .newsletter input[type="email"] {
  width: 72%;
  height: 60px;
  border: none;
  background: none;
  float: left;
  padding: 0 15px;
  color: #fff;
}

#message .close {
  position: absolute;
  right: 15px;
  top: 15px;
}

.form-group.privacy-group {
  float: left;
  width: 100%;
  color: #fff;
}

.newsletter .form-group.privacy-group {
  margin-top: 12px;
}

.input-sm {
  font-size: 14px;
}

.booking-form2 .form-item input[type="text"] {
  width: 100%;
}

.booking-form2 .form-item input.flight-datepicker[type="text"] {
  width: calc(100% - 80px);
  left: 65px;
  position: absolute;
}

.booking-form2 .form-item input[type="number"] {
  height: 50px;
  float: left;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent;
  padding: 0;
  position: absolute;
  width: calc(100% - 80px);
  left: 65px;
  color: transparent !important;
}

.booking-form2 .form-item input[type="email"] {
  width: 100%;
  height: 50px;
  float: left;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent;
  padding: 0;
}

.booking-form input.black-color[type="number"] {
  height: 50px;
  float: left;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent;
  padding: 0;
  position: absolute;
  width: calc(100% - 80px);
  left: 65px;
  color: transparent !important;
}

.booking-form .person input.black-color[type="number"] {
  left: 0px;
  width: 100%;
}

.booking-form .person .form-item {
  height: 100%;
  padding: 0px;
  margin: 0px;
}

.booking-form .person .form-item .date-text {
  margin-top: 0px;
}

.booking-form2 .form-item textarea {
  width: 100%;
  height: 100px;
  float: left;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent;
  padding: 0;
}

.booking-form2 .form-item .date-text {
  margin-top: 0px;
}

.booking-form2 #flight-datepicker {
  width: 100%;
}

.booking-form2 .form-item input.black-color[type="text"],
.booking-form2 .form-item input.black-color[type="number"],
.booking-form2 .form-item input.black-color[type="email"]
.booking-form2 .form-item textarea.black-color {
  color: #000;
}

.age-container {
  margin-top: 15px;
}

.booking-form2 .form-item select {
  width: 100%;
  height: 50px;
  float: left;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent;
  padding: 0;
}

.modal-dialog .modal-header {
  color: #fff;
  text-transform: uppercase;
  background: #9a7333;
}

.modal-dialog .modal-header button {
  color: #fff;
  opacity: 1;
  font-size: 33px;
  margin-top: -10px;
}

.container {
  max-width: 100%;
}

#gallery {
  padding-top: 70px;
}

.booking-form .form-item.number {
  background: transparent;
}

.newsletter .newsletter-input-container {
  width: 366px;
  max-width: 100%;
  height: 60px;
  background: #33353b;
}

#menu-container .row .col-md-8 {
  position: relative;
}

#menu-container .row .col-md-8 .bg {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0px;
  bottom: 0px;
}

.person input[type="number"]::-moz-placeholder {
  color: #444;
}

.person input[type="number"]:-moz-placeholder {
  color: #444;
}

.highlight-rooms2 {
  padding-bottom: 0px;
}

.highlight-rooms .center .room-box .room-details {
  margin-top: -50px;
}

.navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.navigation:after {
  display: none;
}

.navigation:before {
  display: none;
}

.navigation .table {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  /* margin-top: 40px; */
}

.navigation .table .inner {
  display: block;
}

.navigation .top {
  margin-bottom: 0px;
  display: none;
}

.navigation .bottom {
  margin-top: 0px;
}

.navigation .logo .logo {
  height: auto;
}

/* RESPONSIVE */
@media (min-height: 591px) {
  .navigation .logo .logo {
       margin: 39px auto;
  }
}

@media (min-height: 480px) and (max-width: 479px) {
  .navigation ul {
    margin-top: 30px;
  }
}

@media (min-width: 1200px) {
  .highlight-rooms .owl-carousel.nav .owl-nav {
    bottom: auto;
    min-height: 700px;
  }
  .highlight-rooms2 .owl-carousel.nav .owl-nav {
    bottom: auto;
    min-height: 700px;
  }
}

@media (max-width: 1650px) {
  #menu-container .row .col-md-4 {
    width: 41.66666667%;
  }
  #menu-container .row .col-md-4 .content {
    padding: 20px;
  }
  #menu-container .row .col-md-4 .content .font-stanza {
    font-size: 30px !important;
  }
  #menu-container .row .col-md-4 .content .lead {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px;
  }
  #menu-container .row .col-md-8 {
    width: 58.33333333%;
  }
  #blocchi-ristorante .row .col-md-4 {
    width: 41.66666667%;
  }
  #blocchi-ristorante .row .col-md-8 {
    width: 58.33333333%;
  }
}

@media (min-width: 1399px) and (max-width: 1700px) {
  .container-scacco .flex-container .bg-1-scacco, .container-scacco .flex-container .bg-2-scacco, .container-scacco .flex-container .bg-3-scacco, .container-scacco .flex-container .bg-4-scacco, .container-scacco .flex-container .bg-5-scacco, .container-scacco .flex-container .bg-design-scacco {
    min-height: 500px;
    background-position: center;
  }
}

@media (max-width: 1399px) {
  .owl-carousel.nav .owl-nav {
    left: 0px;
    right: 0px;
  }
  .owl-carousel.nav .owl-nav .owl-prev {
    color: #000 !important;
    z-index: 2;
  }
  .owl-carousel.nav .owl-nav .owl-next {
    color: #000 !important;
    z-index: 2;
  }
  .bg-1-scacco,
  .bg-2-scacco,
  .bg-3-scacco,
  .bg-4-scacco,
  .bg-5-scacco,
  .bg-design-scacco {
    min-height: 450px;
    background-position: center;
  }
  .container-scacco .scacco-txt {
    padding: 30px 30px;
  }
  .container-scacco .scacco-txt .lead p {
    font-size: 18px;
  }
  .txt-camera,
  .txt-camera-2 {
    top: 40px;
  }
  .txt-camera .mt-50,
  .txt-camera-2 .mt-50 {
    margin-top: 0px !important;
  }
  .quarto-activities .activity-box .content {
    padding: 20px;
  }
  .font-stanza {
    font-size: 30px !important;
  }
  #menu-container .row .col-md-4 {
    width: 50%;
  }
  #menu-container .row .col-md-4 .content {
    padding: 20px;
  }
  #menu-container .row .col-md-4 .content .font-stanza {
    font-size: 30px !important;
  }
  #menu-container .row .col-md-4 .content .lead {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px;
  }
  #menu-container .row .col-md-8 {
    width: 50%;
  }
  #contatti-block .row .col-md-4 {
    width: 50%;
  }
  #contatti-block .row .col-md-8 {
    width: 50%;
  }
  .contact .lead {
    padding: 0px;
  }
}

@media (min-width: 1200px) {
  #menu-container .row .col-md-8 .bg {
    background: none !important;
  }
  #sale .bg-block {
    background: none !important;
  }
  #camere .bg-block {
    background: none !important;
  }
}

@media (max-width: 1199px) {
  .quarto-awards .award-logo {
    max-height: 140px;
    margin-top: 10px;
    max-width: 100%;
    height: auto;
  }
  .footer .container .row .col-md-3 {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  .footer .container .row .col-md-4 {
    width: 50%;
    overflow: hidden;
    /*.footer-title {
						float: none;
						text-align: center;
					}
					.newsletter {
						float:none;
						width: auto;
						display: flex;
						flex-wrap: wrap;
						justify-content: center;

						.form-group.privacy-group {
							text-align: center;
						}
					}*/
  }
  .footer .container .row .col-md-5 {
    width: 50%;
  }
  .footer .sub-footer {
    font-size: 14px;
    margin-top: 30px;
  }
  .highlight-rooms2 {
    padding-bottom: 0px;
  }
  .footer .newsletter {
    width: 100%;
  }
  .newsletter .newsletter-input-container {
    width: 100%;
  }
  .container-stanze {
    width: 100%;
  }
  #gallery {
    padding-top: 0px;
    padding-bottom: 30px;
  }
  #menu-container {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #menu-container .txt-menu-cucina {
    left: 0px;
    top: 0px;
  }
  #menu-container .txt-menu-cucina-2 {
    right: 0px;
    top: 0px;
  }
  #menu-container .activity-box {
    margin-bottom: 0px;
  }
  #menu-container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #menu-container .row.mt-10 {
    margin-top: 30px !important;
  }
  #menu-container .row .col-md-8 .bg {
    background-size: cover !important;
    background-position: center center !important;
  }
  #menu-container .row .col-md-8 img {
    display: none;
  }
  #blocchi-ristorante {
    padding: 0px 30px;
    margin-bottom: 30px;
  }
  #blocchi-ristorante .row .col-md-4 {
    width: 50%;
  }
  #blocchi-ristorante .row .col-md-8 {
    width: 50%;
  }
  .box-txt-ristorante {
    min-height: 0px;
  }
  .quarto-intro .lead {
    padding-right: 0px;
  }
  .quarto-intro h2 {
    width: 100%;
    padding-right: 0px;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  #sale {
    padding-bottom: 30px;
  }
  #sale .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #sale .row:before {
    display: none;
  }
  #sale .row:after {
    display: none;
  }
  #sale .row .col-md-4 {
    width: 50%;
  }
  #sale .row .col-md-4.txt-camera {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #sale .row .col-md-4.txt-camera .activity-box {
    margin-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #sale .row .col-md-4.txt-camera-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #sale .row .col-md-4.txt-camera-2 .activity-box {
    margin-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #sale .row .col-md-8 {
    width: 50%;
  }
  #sale .row .col-md-8 .txt-camera {
    top: 20px;
    left: 70px;
  }
  #sale .row .col-md-8 .txt-camera-2 {
    top: 20px;
    right: 70px;
  }
  #sale .row.mt-10 {
    margin-top: 30px !important;
  }
  #sale .bg-block {
    background-size: cover !important;
    background-position: center center !important;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 15px;
    right: 15px;
  }
  #sale img {
    display: none;
  }
  #camere {
    padding-bottom: 30px;
  }
  #camere .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #camere .row:before {
    display: none;
  }
  #camere .row:after {
    display: none;
  }
  #camere .row .col-md-4 {
    width: 50%;
  }
  #camere .row .col-md-4.txt-camera {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #camere .row .col-md-4.txt-camera .activity-box {
    margin-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #camere .row .col-md-4.txt-camera-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #camere .row .col-md-4.txt-camera-2 .activity-box {
    margin-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #camere .row .col-md-8 {
    width: 50%;
  }
  #camere .row .col-md-8 .txt-camera {
    top: 20px;
    left: 70px;
  }
  #camere .row .col-md-8 .txt-camera-2 {
    top: 20px;
    right: 70px;
  }
  #camere .row.mt-10 {
    margin-top: 30px !important;
  }
  #camere .bg-block {
    background-size: cover !important;
    background-position: center center !important;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 15px;
    right: 15px;
  }
  #camere img {
    display: none;
  }
  .footer {
    padding-top: 30px;
  }
  .footer .logo {
    margin-bottom: 0px;
  }
  .intro {
    padding-top: 20px;
  }
  .intro h2 {
    /* margin-top: 0px; */
    /* margin-bottom: 30px; */
  }
  .intro h5 {
    margin-bottom: 0px;
  }
  .container-scacco .content-container a.button {
    margin-top: 30px;
  }
  .container-scacco .scacco-txt {
    padding-left: 15px;
    padding-right: 15px;
  }
  .quarto-intro {
    padding: 30px 0px;
  }
  .quarto-intro .lead.txt-justify {
    margin-bottom: 0px;
    font-size: 18px;
  }
  .quarto-intro h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .quarto-intro h2.cont-title {
    margin-top: 0px;
  }
  .quarto-intro p {
    font-size: 18px;
  }
  .quarto-full-image {
    height: 300px;
  }
  .quarto-awards {
    padding: 30px 0px;
  }
  .quarto-awards h2 {
    font-size: 50px;
  }
  .highlight-rooms {
    padding: 30px 0px;
  }
  .highlight-rooms2 {
    padding-top: 30px;
  }
  .highlight-rooms2 .txt-right {
    text-align: left;
  }
  .highlight-rooms2 .button {
    float: left;
  }
  .highlight-rooms2 h5::before {
    float: left;
    margin-right: 7px;
    margin-left: 0px;
  }
  .linea2 {
    margin-top: 30px;
  }
  .facilities {
    padding: 30px 0px;
  }
  .facilities h2 {
    font-size: 70px;
  }
  .facilities .lead {
    margin-bottom: 30px;
  }
  .facilities .mt-50 {
    margin-top: 30px !important;
  }
  .quarto-activities {
    padding-top: 30px;
    padding-bottom: 0px;
  }
  .quarto-activities .activity-box {
    margin-bottom: 30px;
  }
  .quarto-activities .activity-box.box-txt-ristorante .content {
    padding: 0px;
  }
  .quarto-activities h2 {
    margin-bottom: 30px;
    margin-top: 0px;
  }
  .testimonials {
    padding: 30px 0px;
  }
  .lead p {
    font-size: 18px;
  }
  .txt-camera, .txt-camera-2 {
    top: 0px;
    left: 0px;
  }
  .quarto-activities .activity-box .content p {
    font-size: 18px;
  }
  .row.form-container {
    margin: 0px;
  }
  .contact {
    padding-top: 30px;
  }
  .contact address {
    margin-bottom: 30px;
  }
  .contact .lead {
    margin-bottom: 30px !important;
  }
  #contatti-block {
    padding: 30px 0px;
  }
}

@media (max-width: 1099px) {
  .container-scacco .flex-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .container-scacco .flex-container .col-md-6 {
    width: 100%;
  }
  .container-scacco .flex-container .col-md-6 .lead {
    margin-bottom: 0px;
    padding: 0px !important;
  }
  .container-scacco .flex-container .col-md-6 .lead p {
    margin-bottom: 0px;
    width: 100%;
    display: block;
    padding: 0px !important;
  }
  .container-scacco .flex-container .bg-1-scacco, .container-scacco .flex-container .bg-2-scacco, .container-scacco .flex-container .bg-3-scacco, .container-scacco .flex-container .bg-4-scacco, .container-scacco .flex-container .bg-5-scacco, .container-scacco .flex-container .bg-design-scacco {
    min-height: 560px;
    background-position: center;
  }
  .container-scacco .scacco-txt .content-container {
    width: 100%;
  }
  .container-scacco:nth-child(2n) .flex-container {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .highlight-rooms .col-md-4 {
    text-align: center;
  }
  .highlight-rooms .col-md-4 h5 {
    text-align: center;
  }
  .highlight-rooms .col-md-4 h5:before {
    display: none;
  }
  .highlight-rooms .col-md-4 h2 {
    text-align: center;
  }
  .highlight-rooms .col-md-4 .button {
    margin-bottom: 30px;
  }
  .highlight-rooms .owl-prev, .highlight-rooms .owl-next {
    width: 30px;
    height: 40px;
  }
  .highlight-rooms2 .col-md-4 {
    text-align: center;
  }
  .highlight-rooms2 .col-md-4 h5 {
    text-align: center;
  }
  .highlight-rooms2 .col-md-4 h5:before {
    display: none;
  }
  .highlight-rooms2 .col-md-4 h2 {
    text-align: center;
  }
  .highlight-rooms2 .col-md-4 .button {
    margin-bottom: 30px;
    float: none;
  }
  .highlight-rooms2 .owl-prev, .highlight-rooms2 .owl-next {
    width: 30px;
    height: 40px;
  }
  .quarto-full-image {
    background-position: center center !important;
  }
  .lead.txt-form {
    padding: 0px !important;
  }
}

@media (min-width: 992px) and (max-width: 1099px) {
  .text-block .col-md-6:nth-child(1) {
    width: 41.66666667%;
  }
  .text-block .col-md-6:nth-child(2) {
    width: 58.33333333%;
  }
  .text-block .col-md-6:nth-child(2) .lead.txt-justify {
    padding: 0px !important;
  }
}

@media (min-width: 990px) {
  #gallery .little-img .gallery-bg {
    background-size: cover !important;
    background-position: center !important;
    position: absolute;
    left: 15px;
    top: 0px;
    right: 15px;
    bottom: 0px;
  }
  #gallery .little-img img {
    visibility: hidden;
  }
}

@media (max-width: 989px) {
  .footer .newsletter button[type="submit"] {
    font-size: 13px;
  }
  #gallery .little-img .gallery-bg {
    background: none !important;
  }
  /*.rev_slider { 
		.tp-mask-wrap { 
			.tp-caption {
				&.rs-parallaxlevel-1 {
					line-height: 65px !important;
				}
			}
		}
	}*/
  .topbar .phone {
    font-size: 16px;
    margin-right: 30px;
  }
  .topbar .logo {
    height: 45px;
  }
  .quarto-full-image {
    background-position: center center !important;
  }
  .booking-form {
    left: 0px;
    right: 0px;
    margin-left: 0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .highlight-rooms .col-md-4 {
    text-align: center;
    width: 100%;
  }
  .highlight-rooms .col-md-4 h5 {
    text-align: center;
  }
  .highlight-rooms .col-md-4 h5:before {
    display: none;
  }
  .highlight-rooms .col-md-4 h2 {
    text-align: center;
    margin-bottom: 30px;
  }
  .highlight-rooms .col-md-4 .button {
    margin-bottom: 30px;
  }
  .facilities .button {
    margin-top: 30px;
  }
  .highlight-rooms2 .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .highlight-rooms2 .row:before {
    display: none;
  }
  .highlight-rooms2 .row:after {
    display: none;
  }
  .highlight-rooms2 .row .col-md-4 {
    text-align: center;
    width: 100%;
  }
  .highlight-rooms2 .row .col-md-4 h5 {
    text-align: center;
    margin-top: 0px;
  }
  .highlight-rooms2 .row .col-md-4 h5:before {
    display: none;
  }
  .highlight-rooms2 .row .col-md-4 h2 {
    text-align: center;
    margin-bottom: 30px;
  }
  .highlight-rooms2 .row .col-md-4 .button {
    margin-bottom: 30px;
    float: none;
  }
  .highlight-rooms2 .row .col-md-8 {
    width: 100%;
  }
  .quarto-activities .activity-box .content p {
    line-height: 30px;
    font-size:14px;
  }
  .testimonials .col-md-4 {
    text-align: center;
    width: 100%;
  }
  .testimonials .col-md-4 .icon-travel {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .testimonials .col-md-4 h5 {
    text-align: center;
  }
  .testimonials .col-md-4 h5:before {
    display: none;
  }
  .testimonials .col-md-4 h2 {
    text-align: center;
    margin-bottom: 30px;
  }
  .testimonials .col-md-4 .button {
    margin-bottom: 30px;
  }
  .quarto-activities .row.flex-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .scacco-txt .lead {
    padding: 0px !important;
  }
  .intro h2 {
    line-height: 30px;
    font-size: 20px;
  }
  .lead {
    padding: 0px !important;
  }
  .little-img {
    width: 50%;
  }
  .big-img {
    width: 100%;
  }
  .quarto-intro .col-md-4 {
    overflow: hidden;
  }
  #blocchi-ristorante .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #blocchi-ristorante .row .col-sm-6 {
    width: 100%;
  }
  #blocchi-ristorante .row .col-sm-6.bg-full {
    height: 400px;
  }
  #blocchi-ristorante .row .col-sm-6 .lead {
    line-height: 30px;
    margin-bottom: 0px;
  }
  #blocchi-ristorante .row .col-sm-6 .button {
    margin-top: 30px;
  }
  #blocchi-ristorante .row:nth-child(2n) {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  #menu-container .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #menu-container .row .col-md-4 {
    width: 100%;
  }
  #menu-container .row .col-md-4 .content .lead {
    line-height: 25px;
  }
  #menu-container .row .col-md-8 {
    width: 100%;
  }
  #menu-container .row .col-md-8 .bg {
    background: none !important;
  }
  #menu-container .row .col-md-8 img {
    display: block;
  }
  #menu-container .row:nth-child(2n) {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .quarto-awards h2 {
    margin-bottom: 30px;
  }
  .quarto-intro .button.txt-right.top-margin-responsive {
    margin-bottom: 30px;
  }
  #form-richiesta .row.mb-30 {
    margin-bottom: 0px;
  }
  .booking-form2 .row.mb-30 {
    margin-bottom: 0px;
  }
  .booking-form2 #flight-datepicker {
    float: none;
  }
  .booking-form2 .col-md-6 {
    overflow: hidden;
  }
  .booking-form2 button {
    margin-top: 30px;
  }
  .g-recaptcha {
    margin-top: 20px;
  }
  .no-margin-mobile {
    margin: 0px;
  }
  .container-stanze .contact-form {
    padding: 30px !important;
  }
  .container-scacco .flex-container .bg-1-scacco, .container-scacco .flex-container .bg-2-scacco, .container-scacco .flex-container .bg-3-scacco, .container-scacco .flex-container .bg-4-scacco, .container-scacco .flex-container .bg-5-scacco, .container-scacco .flex-container .bg-design-scacco {
    min-height: 400px;
    background-position: center;
  }
}

@media (max-width: 767px) {
  .facilities h2 {
    font-size: 45px;
  }
  .booking-form {
    padding: 0px 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .booking-form .form-item {
    width: 100%;
  }
  .booking-form .form-item input {
    left: 0px;
    right: 0px;
    width: 100% !important;
  }
  .booking-form .form-item .date-text {
    float: left;
  }
  .booking-form .person {
    width: 100%;
    padding: 15px;
  }
  .booking-form button[type="submit"] {
    margin-top: 5px;
    width: 100%;
  }
  .booking-form input.black-color[type="number"] {
    height: 30px;
  }
  .highlight-rooms2 .center .room-box {
    width: 100%;
    margin-left: 0px;
  }
  .testimonials .testimonial-box .testimonial {
    font-size: 20px;
  }
  .footer .container .row .col-md-5 {
    width: 100%;
    margin-bottom: 30px;
  }
  .footer .container .row .col-md-4 {
    width: 100%;
  }
  .footer .footer-menu{
    /* width:100%; */
  }
  .footer .footer-menu li {
    /* width: 25%; */
    float: left;
  }
  .footer .footer-menu li a{
    /* float:left; */
  }
  .intro h2 {
    line-height: 50px;
    font-size: 20px;
  }
  .lead {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .testimonials .testimonial-box .testimonial {
    padding-left: 0px;
    padding-right: 0px;
  }
  .navigation .top {
    line-height: 20px;
    padding-top: 15px;
  }
  .container-scacco .flex-container .bg-1-scacco, .container-scacco .flex-container .bg-2-scacco, .container-scacco .flex-container .bg-3-scacco, .container-scacco .flex-container .bg-4-scacco, .container-scacco .flex-container .bg-5-scacco, .container-scacco .flex-container .bg-design-scacco {
    min-height: 300px;
  }
  .quarto-full-image {
    background-position: center center !important;
  }
  #camere .row {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  #camere .row .col-md-8 {
    width: 100%;
  }
  #camere .row .col-md-8 .bg-block {
    background: none;
  }
  #camere .row .col-md-8 img {
    display: block;
  }
  #camere .row .col-md-4 {
    width: 100%;
  }
  #camere .row:nth-child(2n) {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #sale .row {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  #sale .row .col-md-8 {
    width: 100%;
  }
  #sale .row .col-md-8 .bg-block {
    background: none;
  }
  #sale .row .col-md-8 img {
    display: block;
  }
  #sale .row .col-md-4 {
    width: 100%;
  }
  #sale .row:nth-child(2n) {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #blocchi-ristorante .row {
    margin-bottom: 30px;
  }
  #blocchi-ristorante .row:last-child {
    margin-bottom: 0px;
  }
  #contact-sale {
    padding-bottom: 30px;
  }
  .filtro-eventi {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .filtro-eventi .col-md-4 {
    width: 100%;
  }
  #contatti-block .row .col-md-4 {
    width: 100%;
  }
  #contatti-block .row .col-md-8 {
    width: 100%;
  }
  #contatti-block .row iframe {
    height: 400px;
  }
  .owl-carousel.nav .owl-nav .owl-prev {
    color: #fff !important;
    text-shadow: 0px 0px 2px #000;
  }
  .owl-carousel.nav .owl-nav .owl-next {
    color: #fff !important;
    text-shadow: 0px 0px 2px #000;
  }
  #flight-datepicker {
    width: 100%;
  }
  .facilities ul {
    padding-left: 0px;
  }
  .owl-carousel.nav .owl-nav {
    top: 0px;
  }
}

@media (min-width: 480px) {
  .mobile-logo {
    display: none;
  }
  .button-prenota-mobile {
    display: none;
  }
}

@media (max-width: 479px) {
  .button-prenota-mobile {
    display: block;
  }
  .booking-form form {
    display: none;
  }
  .navigation .logo {
    display: none;
  }
  .navigation .top {
    display: none;
  }
  .navigation .table {
    margin-top: 0px;
  }
  .little-img {
    width: 100%;
  }
  .quarto-awards h5 {
    text-align: center;
  }
  .quarto-awards h5:before {
    display: none;
  }
  .quarto-awards h2 {
    font-size: 32px;
    text-align: center;
  }
  .highlight-rooms2 h2 {
    font-size: 35px;
  }
  .logo {
    max-width: 100%;
  }
  .quarto-awards .col-md-2 {
    width: 100%;
    text-align: center;
  }
  .testimonials .testimonial-box .testimonial {
    font-size: 18px;
  }
  .contact h2 {
    font-size: 35px !important;
  }
  .footer .newsletter input[type="email"] {
    width: 70%;
  }
  .footer .newsletter button[type="submit"] {
    width: calc(30% - 5px);
    margin-left: 0px;
  }
  .g-recaptcha > div {
    -webkit-transform: scale(0.8) translateX(-40px);
            transform: scale(0.8) translateX(-40px);
  }
  .quarto-intro .bg-gray {
    padding: 15px;
  }
  .intro h2 {
    line-height: 35px;
    font-size: 20px;
  }
  .booking-form2 .form-item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  body {
    padding-left: 0px;
  }
  .main-side {
    width: 100%;
    height: auto;
    background: #1c1b21;
    display: -webkit-box;
    display: -ms-flexbox;
    display: none;
    
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .main-side .mobile-logo {
    display: block;
    width: 200px;
    padding: 0px 15px;
  }
  .main-side .social-media {
    display: none;
  }
  .main-side .hamburger-menu .txt-menu {
    display: none;
  }
  .main-side .hamburger-menu span {
    background: #fff;
  }
  .header .rev_slider_wrapper {
    padding-left: 0px !important;
  }
  .int-header {
    height: 75px;
    visibility: hidden;
  }
  .int-header .topbar {
    padding: 0px;
  }
  .navigation {
    left: 0px;
    right: 0px;
    top: 80px;
    bottom: 0px;
    width: 100%;
    height: auto;
  }
  .footer .container .row .col-md-3 {
    display: none;
  }
  .highlight-rooms .center .room-box {
    margin-top: 0px;
  }
  .highlight-rooms .center .room-box .room-details {
    margin-top: 0px;
  }
  .highlight-rooms2 .center .room-box {
    margin-top: 0px;
  }
  .highlight-rooms2 .center .room-box .room-details {
    margin-top: 0px;
  }
  .container-scacco .flex-container .bg-1-scacco, .container-scacco .flex-container .bg-2-scacco, .container-scacco .flex-container .bg-3-scacco, .container-scacco .flex-container .bg-4-scacco, .container-scacco .flex-container .bg-5-scacco, .container-scacco .flex-container .bg-design-scacco {
    min-height: 250px;
  }
  .quarto-full-image {
    height: 250px;
  }
}

@media (max-width: 359px) {
  .header {
    min-height: 640px;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header .topbar {
    display: none;
  }
  .header .rev_slider_wrapper {
    height: 100% !important;
  }
  .navigation ul li {
    margin-bottom: 8px;
    background-position: center;
  }
}
/*# sourceMappingURL=custom.css.map */